<template>
	<div class="help-list">
		<el-collapse accordion v-model="activeNames">
		  <el-collapse-item title="How does Come2Try 100% Cash Back work?" name="1">
		  	<ul>
		  		<li>Join in Come2Try.</li>
		  		<li>Make sure you have at least 1 Come2Try coupon.</li>
		  		<li>Find your favorite items available for your coupons on Come2Try, each coupon responds one item you can purchase with 100% cashback.</li>
		  		<li>Finish the purchase on Amazon normally.</li>
		  		<li>Submit your Amazon order ID to us.</li>
		  		<li>Get up to 100% cash back via your PayPal account.</li>
		  	</ul>
		  </el-collapse-item>
		  <el-collapse-item title="Why does Come2Try pay me 100% cash back?" name="2">
		    <ul>
		    	<li>The retailers want more people to try their new products and give opinions, so manufacturers can improve their merchandise.</li>
		    	<li>Based on the reason above, they supply free samples showed on Come2Try</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="What is a Come2Try Coupon?" name="3">
		    <ul>
		    	<li>Come2Try Coupon is the only certification that can be redeemed for cash back when purchasing a product on Come2Try.</li>
		    	<li>There are three kinds of coupons which respond different kinds of items, the red coupons are available for all categories, the blue coupons are available for several categories and the green coupons are available for several kinds of items.</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="How can I get more Come2try Coupons?" name="4">
		    <ul>
		    	<li>Join in Come2Try, you will get 1 welcome coupons.</li>
		    	<li>Once your account is certified, you can get 2 more coupons.</li>
		    	<li>Earn 1 coupon for every qualified friend you refer to Come2Try, plus each friend you refer will also get 1 welcome coupon. New referrals must click on your unique Refer-a-Friend link.</li>
		    	<li>Additionally, each friend you referred completes their first purchase through Come2Try, you will get 1 more reward coupon.</li>
		    	<li>The more you refer, the more you earn!</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="How do I request my cash back?" name="5">
		    <ul>
		    	<li>Just start shopping with your coupons and make a purchase on Amazon as normally. Then back to our site and submit your order info to request your payment through the “Earn Cash Back” button.</li>
		    	<li>Once the merchants let us know that you’ve made a purchase, we send you an email confirmation with the information you need to request your cashback.</li>
		    	<li>This may take from a few hours to several days to do the verification. If you have other queries, please contact us for more details.</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="How long will it take to get my cash back?" name="6">
		    <div>When you receive your parcel and your order is validated, we send you the Cash Back for trying our products via PayPal within 3 working days.</div>
		  </el-collapse-item>
		  <el-collapse-item title="Missing cash back?" name="7">
		    <ul>
		    	<li>If this happens don't worry. Just wait a week or two as some transactions may take a while when we check with PayPal.</li>
		    	<li>If it has been one month but you are still waiting for your cash back, please contact us and we will assist you further.</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="Why do we need your Amazon profile?" name="8">
		    <div>Come2Try encourages you to link your Amazon profiles. By linking profiles, we can offer you a better recommendation. We can also prevent fraud and protect the manufacturers.</div>
		  </el-collapse-item>
		  <el-collapse-item title="Why we love Come2Try?" name="9">
		  	<div>Come2Try wants to be the most generous cashback site in the world and provides a simple and easy way to shop <b>FREE</b>.</div>
		    <ul>
		    	<li>Join free</li>
		    	<li>Up to 100% cash back</li>
		    	<li>Hundreds of products to choose</li>
		    	<li>More friends referred, more coupons to use</li>
		    	<li>"I've earned a lot in just 6 months and was paid quicker than I thought. I highly recommend this site."</li>
		    	<li>"I cannot think of a better way to shop online than being reward to do it!" </li>
		    	<li>"Great cash back site and excellent customer service as well."</li>
		    	<li>"I was looking forward to saving money and I did!"</li>
		    </ul>
		  </el-collapse-item>
		  <el-collapse-item title="How to fetch Your Amazon Public Profile Page?" name="10">
		  <el-card class="box-card">
			  <div slot="header" class="clearfix">
			    <span>Method 1</span>
			  </div>
			  <div class="text item">
			    <div>Your Amazon Profile Page is where you as a user can share information about yourself, your personal tastes, and opinions regarding various products and services.</div>
				<div>This page is open to the public.  By default, it will not disclose any personal account information other than your user name.</div>
				<div>Follow the instructions below to find the link to your Amazon Profile Page:</div>
		    <ol type="1">
		    	<li>Log in to your Amazon account.</li>
		    	<li>
		    		From the drop down menu of Your Account, click on Your Account.
		    		<div class="h-img h1"></div>
		    	</li>
		    	<li>In Your Account page, scroll down the page to find the Ordering and shopping preferences section, then click on Your Profile.
					<div class="h-img h2"></div>
		    	</li>
		    	<li>Once in your Profile page, copy the link (url) from your internet browser to share your Amazon Profile page.</li>
		    </ol>
		    <div>
	    		*Make sure the URL looks SIMILAR to the one in the image below! Load the link on a new internet browser if you wish to check.
	    		<div class="h-img h3"></div>
	    	</div>
			  </div>
			</el-card>
		  <el-card class="box-card">
			  <div slot="header" class="clearfix">
			    <span>Method 2</span>
			  </div>
			  <div class="text item">
			    <div>Alternative Method to obtain the proper profile link: [Use if you are unable to see a link that looks like step 4 above]</div>
		    <ol type="1">
		    	<li>Click on this link: <a href="http://www.amazon.com/gp/profile/">http://www.amazon.com/gp/profile/</a>Load the page</li>
		    	<li>
		    		Login to Amazon if necessary
		    	</li>
		    	<li>In the internet browser, you should see a url similar to the image below (The link you clicked upon will have additional information added to the end)[Make sure the last portion exists]<div class="h-img h4"></div>
		    		Copy the whole link (url) from your internet browser to share your Amazon Public Profile page.
		    	</li>
		    </ol>
			  </div>
			</el-card>
		  </el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>

export default {
  name: 'helpList',
  data() {
    return {
    	activeNames: this.$route.query.q ? this.$route.query.q : '100'
    }
  },
	methods: {
	},
	updated() {
	},
	watch:{      //监听路由变化

        $route( to , from ){ 
        	if (to.query.q) {
        		this.activeNames = to.query.q + ''
        	} else {
        		this.activeNames = '100'
        	}  
         }

}
}
</script>

<style  scoped>
p {
	margin: 0;
}
li {
	list-style: disc;
}
ol li {
	list-style: inherit;
}
.help-list {
	width: 800px;
	margin: 0 auto;
	padding: 30px;
	background: #ffffff;
}
.h-img {
	width: 100%;
}
.h1 {
	background: url('../../../assets/help/help-1.png') no-repeat center;
	background-size: contain;
	height: 110px;
}
.h2 {
	background: url('../../../assets/help/help-2.png') no-repeat center;
	background-size: contain;
	height: 128px;
}
.h3 {
	background: url('../../../assets/help/help-3.png') no-repeat center;
	background-size: contain;
	height: 65px;
}
.h4 {
	background: url('../../../assets/help/help-4.png') no-repeat center;
	background-size: contain;
	height: 65px;
}
.el-card {
	margin: 10px 0;
}
</style>
<style type="text/css">
</style>
